<%--
  Created by IntelliJ IDEA.
  User: WuYixin
  Date: 2022/6/9
  Time: 08:03
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>登录界面</title>
    <link rel="stylesheet" href="resource/bs/css/bootstrap.min.css">
</head>
<body>

<style type="text/css">
    body{
        margin:0px;
        padding:0px;
    }
    .box{
        position:absolute;
        /*定位方式绝对定位absolute*/
        top:50%;
        left:50%;
        /*顶和高同时设置50%实现的是同时水平垂直居中效果*/
        transform:translate(-50%,-50%);
        /*实现块元素百分比下居中*/
        width:350px;
        height: 220px;
        /*padding:40px;*/
        background: rgba(0,0,0,0.05);
        /*背景颜色为黑色，透明度为0.05*/
        box-sizing:border-box;
        /*box-sizing设置盒子模型的解析模式为怪异盒模型，
        将border和padding划归到width范围内*/
        box-shadow: 0px 15px 25px rgba(0,0,0,.5);
        /*边框阴影  水平阴影0 垂直阴影15px 模糊25px 颜色黑色透明度0.5*/
        border-radius:15px;
        /*边框圆角，四个角均为15px*/
    }
    .left{
        position: absolute;
        left: 120px;
        top: 170px;
    }
    .right {
        position: absolute;
        right: 120px;
        top: 170px;
    }
</style>
<%--面包屑导航栏目--%>
<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li style="font-size: xx-large" >固定资产管理系统</li>
        <li class="breadcrumb-item" style="font-size: xx-large;"><a href="register.jsp">注册</a></li>
        <li class="breadcrumb-item" style="font-size: xx-large;"><a href="login.jsp">登录</a></li>

    </ol>
</nav>


<div class="box">
    <h1 style="text-align: center">登录</h1>
    <form action="LoginServlet" method="post">
        <table style="margin-left:15%;height: 80px;">

            <tr>
                <td>登录名：</td>
                <td><input name="username" type="text" size="25" placeholder="请输入用户号或邮箱"></td>
            </tr>
            <tr>
                <td>密 码:</td>
                <td><input name="password" type="password" size="25" placeholder="请输入密码"></td>
            </tr>
        </table>
        <input type="submit" value="登录" class="left">
        <input type="reset" value="重置" class="right">
    </form>
    <br>
</div>
</body>
</html>
